<template>
  <div>
    <div class="notice" v-if="notification">
      <div id="oDiv">

        <div style="text-align: center;">
          <h1>兰鸟房●车</h1>
          <h2>要想省大钱，请您找兰鸟(省95%中间费)</h2>

        </div>
        <hr>
        <div>
          <h3 style="text-align: center;">通过本网</h3>
          房主、车主、买房、直接电话联系，直接见面，无中间商，费用十几元，超低
          <br />
        </div>
        <div>
          <hr>
          <h3 style="text-align: center;">本网使用须知</h3>
          <br />
          1、本网专为精通房、车查验、交易的房主、车主 买家服务。坚拒他人进入本网。
          <br />
          2、因无法全部核实信息的真伪性、时效性，请自行鉴别。
          <br />
          3、发布虚假信息者，会严重损害本网和客户的信誉及利益，应按本网和客户的要求进行赔偿。
          <br />
          4、使用本网，必须遵守国家法律、法规。
          <br />
        </div>

        <hr>
        <div>
          <Checkbox style="font-size: 20px" v-model="disabled"   >
            <span >阅读理解接受后进入本网站</span>

          </Checkbox>
        </div>
        <div style="margin-top: 30px;text-align: center;">
          <Button type="info"  :disabled="!disabled" @click="logweb">
            <span >进入本网站</span>
            </Button>
        </div>

      </div>
    </div>
	<div v-if="!notification">
		<div class="bg100"></div>
		<div class="zhidinggoufang">
			<h2>登录 <span @click="closeLogin" class="close">X</span></h2>
			<form ref='loginObject'>
				<div class="zhiding-list">
					<label>账户：</label>
					<input v-model="loginObject.account" type="text" />
				</div>
				<div class="zhiding-list">
					<label>密码：</label>
					<input v-model="loginObject.password" type="password" />
				</div>
				<div class="zhidingsub"><input  value="提交" @click="handleSubmit()"/></div>
				<div class="zhidingsub"><input  value="注册新用户"  @click="register()"/></div>
			</form>
		</div>
	</div>
  </div>
</template>

<script>
	import store from '../../common/store.js';
	export default {
		data: function() {
			return {
        disabled: false,
        notification : true,
				loginObject:{
					account:"",
					password:"",
					clientId:"",
					personId:"",
					rem: false
				}
			};
		},
		methods: {
      logweb() {
        this.notification = false
      },
      handleSubmit() {
				console.log("333333")
						let param = {
							data: {
								account: this.$data.loginObject.account,
								password: this.$data.loginObject.password,
							
							},
							type: "ACP",
							rem: this.$data.loginObject.rem
						};
						store.commit("login", param);
						console.log('————————————' + store.state.loginFlg);
						
					
			},
			closeLogin: function() {
				this.store.commit("changeLoginFlg", false);
			},
			register(){
				this.store.commit("changeLoginFlg", false);
				this.$router.push({
					name: "register",
					params: {
					}
				});
			}
		}
	}
</script>

<style scoped="scoped">
#oDiv h1,h2,h3,div{
	font-size: 18px;
}
#oDiv{
  height:800px;
  width: 600px;
  margin: auto;

  padding-top: 150px;

}
</style>
